<template>
	<view v-if="info" class="wrap1">
		<!-- <image class="bgs" src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/1.png" mode=""></image> -->

		<view class="tit">
			{{info.job_name}}
		</view>
		<view class="tag">
			{{info.yonjin}}元/{{info.yonjin_type}} {{info.settle_method}}
		</view>
		
		
		<view v-if="info.labels" class="detail">
		
			<u-tag style="margin-right: 10rpx;" v-for="item1 in info.labels.split(',')" size="mini"
				:text="item1" mode="plain" />
			<!-- 绑定时间：2023.05.18 -->
		</view>
		
		
	<!-- 	<view class="detail">

			<u-tag style="margin-right: 10rpx;" v-for="item in 3" size="mini" text="新人任务" mode="light" />

		</view> -->
		<view class="title">
			<view class="line">

			</view>
			任务详情
		</view>
		<view class="textareas">
			<!-- {{info.content}} -->
			<u-parse :html="info.content"></u-parse>
		</view>
		<view class="u-m-t-80">
			<u-button shape="circle" type="primary" @click="submit">开始任务</u-button>
		</view>

	</view>

</template>
<script>
	import list from '../list.vue'
	export default {
		components: {
			list
		},
		data() {
			return {
				info:null
			};
		},
		onLoad(e) {
			this.getDetai(e.id)
		},

		methods: {
			getDetai(jobId) {
				this.$u.api
					.jobDetail({
						jobId
					})
					.then((res) => {
						console.log(res, 4444444);
						this.info = res?.job

					});
			},

			submit() {
				uni.navigateTo({
					url: "/pages/sys/home/get?id="+this.info.id
				})

			}
		}
	};
</script>
<style lang="scss" scoped>
	.wrap1 {
		padding: 0 32rpx;
	}

	.title {
		margin: 30rpx 0;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		line-height: 32rpx;
		display: flex;
		align-items: center;

		.line {
			width: 8rpx;
			height: 28rpx;
			margin-right: 8rpx;
			background: #3757FF;
			border-radius: 5rpx;

		}
	}

	.textareas {
		margin: 20rpx 0;
		font-family: PingFang SC, PingFang SC;
		font-weight: 300;
		font-size: 26rpx;
		color: #666666;
		line-height: 35rpx;
		text-align: justify;
	}

	.tit {
		padding: 32rpx 0;
		font-family: PingFang SC, PingFang SC;
		font-weight: 300;
		font-size: 32rpx;
		color: #333333;
		line-height: 33rpx;
	}

	.tag {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 32rpx;
		color: #35AC6C;
		line-height: 38rpx;
		margin-bottom: 20rpx;
	}
</style>
